*{
	padding: 0;
	margin: 0;
	list-style: none;
}
.head{
	width: 100%;
	height: 11vh;
	position: fixed;
	top: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	z-index: 99;
	background-color: #FFFFFF;
	box-shadow: 0 0 6px rgba(0,0,0,0.08);
}
.logo{
	height: 2.9vw;
	margin-left: 80px;
}
.menu{
	height: 100%;
	display: flex;
	flex-direction: row;
	color: #FFFFFF;
	font-size: 16px;
	margin-right: 80px;
}
.menu li{
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.menu_a{
	margin-left: 40px;
	color: #0861A5;
	font-size: 0.9vw;
	font-weight: 400;
	text-decoration: none;
	transition: 0.3s;
}
.menu_a:hover{
	color: #0A3A60
}
.head_fold{
	position: fixed;
	top: 11vh;
	left: 0;
	width: 100%;
	background-color: #0861A5;
	display: none;
}
.head_fold a{
	color: #FFFFFF;
}
.head_fold_list{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-right: 80px;
}
.head_fold_list a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9vw;
	opacity: 0.7;
	transition: opacity .3s;
}
.head_fold_list a:hover{
	opacity: 1;
}
.head_fold_list li{
	margin-left: 2vw;
	line-height: 8vh;
}
.head_language{
	position: fixed;
	top: 11vh;
	left: 0;
	width: 100%;
	background-color: #0861A5;
	display: none;
}
.head_language a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9vw;
	opacity: 0.7;
	transition: opacity .3s;
}
.head_language a:hover{
	opacity: 1;
}
.head_language_list{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-right: 80px;
}
.head_language_list li{
	display: flex;
	height: 8vh;
	flex-direction: row;
	align-items: center;
	margin-left: 2vw;
}
.head_language img{
	height: 1.4vh;
	float: left;
	margin-right: 6px;
	border: solid 1px rgba(255,255,255,.4);
	margin-top: 2px;
}
.language{
	height: 100%;
	display: flex;
	flex-direction: row;
}
.language span{
	width: 9px;
	margin-left: 4px;
	margin-top: -4px;
}
.language_img{
	width: 100%;
	height: 7px;
}
.section1 { background: url(../images/1.jpg) center;background-size: cover;}
.section3 { background: url(../images/3.jpg) center;background-size: cover;}
.section4 { background: url(../images/4.jpg) center;background-size: cover;}
.section5 { background: url(../images/5.jpg) center;background-size: cover;}
.bg1{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bg1 img{
	width: 100%;
}
.bg1 b{
	position: absolute;
	left: 4vw;
	top: 26vw;
	font-size: 2.8vw;
	width: 50vw;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-shadow: 0 0 6px rgba(0,0,0,0.16);
	opacity: 0;
}
.active .bg1 b{
	left: 6vw;
	opacity: 1;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
}
.btn1{
	position: absolute;
	left: 3vw;
	top: 38vw;
	width: 9vw;
	height:2.8vw;
	border-radius: 8px;
	border: solid 1px #FFFFFF;
	background-color: rgba(255,255,255,0.14);
	box-shadow: 0 0 6px rgba(0,0,0,0.16);
	color: #FFFFFF;
	font-size: 1vw;
	font-weight: 300;
	line-height: 2.8vw;
	text-align: center;
	text-shadow: 0 0 6px rgba(0,0,0,0.16);
	text-decoration: none;
	opacity: 0;
}
.active .btn1{
	left: 6vw;
	opacity: 1;
	transition-duration: 0.8s;
	transition-delay: 0.5s;
}
.btn1:hover{
	box-shadow: none;
}
.slide img{
	width: 100%;
}
.mechanical_name{
	position: absolute;
	top: 70vh;
	left: 10vw;
	width: 22vw;
	height: 12vh;
	background-color: rgba(255,255,255,0.6);
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
}
.active .mechanical_name{
	left: 12vw;
	opacity: 1;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
}
.mechanical_name div{
	margin-left: 24px;
	border-left: solid #0861A5 4px;
	padding-left: 12px;
}
.mechanical_name b{
	font-size: 1.5vw;
	color: #0861A5;
}
.mechanical_name p{
	font-size: 1vw;
	color: #0861A5;
}
.packaging_img1{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10vh;
	width: 55vw;
	opacity: 0;
}
.packaging_img1 img{
	width: 100%;
}
.active .packaging_img1{
	top: 18vh;
	opacity: 1;
	transition-duration: 0.9s;
	transition-delay: 0.5s;
}
.packaging_b{
	position: absolute;
	width: 55vw;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 25vh;
	font-size: 2vw;
	color: #0861A5;
	opacity: 0;
}
.active .packaging_b{
	bottom: 29vh;
	opacity: 1;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
}
.packaging_p{
	position: absolute;
	width: 50vw;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 21vh;
	font-size: 1vw;
	color: #707070;
	opacity: 0;
}
.active .packaging_p{
	bottom: 25vh;
	opacity: 1;
	transition-duration: 0.7s;
	transition-delay: 0.5s;
}
.packaging_a{
	position: absolute;
	display: block;
	width: 9vw;
	height:2.8vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 8vh;
	border: solid 1px #0861A5;
	line-height: 2.8vw;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	background-color: rgba(8,97,165,0.05);
	color: #0861A5;
	font-size: 0.9vw;
	opacity: 0;
}
.active .packaging_a{
	bottom: 12vh;
	opacity: 1;
	transition-duration: 0.8s;
	transition-delay: 0.5s;
}
.project_right{
	position: absolute;
	top: 32vh;
	right: 14vw;
	opacity: 0;
}
.active .project_right{
	right: 18vw;
	opacity: 1;
	transition-duration: 0.75s;
	transition-delay: 0.5s;
}
.project_right b{
	display: block;
	width: 30vw;
	font-size: 2vw;
	color: #0861A5;
}
.project_right p{
	margin-top: 24px;
	display: block;
	width: 25vw;
	font-size: 1vw;
	color: #707070;
}
.project_right a{
	margin-top: 100px;
	display: block;
	width: 9vw;
	height:2.8vw;
	border: solid 1px #0861A5;
	line-height: 2.8vw;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	background-color: rgba(8,97,165,0.05);
	color: #0861A5;
	font-size: 0.9vw;
}
.about_b{
	position: absolute;
	font-size: 2vw;
	color: #FFFFFF;
	top: 20vh;
	left: 8vw;
	opacity: 0;
}
.active .about_b{
	top: 24vh;
	opacity: 1;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
}
.about_p{
	position: absolute;
	width: 30vw;
	font-size: 1vw;
	color: #FFFFFF;
	top: 26vh;
	opacity: 0.8;
	left: 8vw;
	opacity: 0;
}
.active .about_p{
	top: 30vh;
	opacity: 1;
	transition-duration: 0.7s;
	transition-delay: 0.5s;
}
.about_img{
	position: absolute;
	width: 8.4vw;
	top: -2147483648px;
	left: 155px;
	opacity: 0;
}
.active .about_img{
	top: 35vh;
	opacity: 1;
	transition-duration: 0.75s;
	transition-delay: 0.5s;
}
.about_a{
	position: absolute;
	display: block;
	width: 11vw;
	height:2.8vw;
	border-radius: 8px;
	border: solid 1px #FFFFFF;
	background-color: rgba(255,255,255,0.14);
	box-shadow: 0 0 6px rgba(0,0,0,0.16);
	color: #FFFFFF;
	font-size: 0.9vw;
	font-weight: 300;
	line-height: 2.8vw;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 6px rgba(0,0,0,0.16);
	bottom: 36vh;
	left: 8vw;
	opacity: 0;
}
.active .about_a{
	bottom: 40vh;
	opacity: 1;
	transition-duration: 0.7s;
	transition-delay: 0.5s;
}
footer{
	position: absolute;
	bottom: 0 ;
	width: 100%;
	height: 28.5vh;
	background-color: #0861A5;
}
.footer_content{
	width: 85vw;
	margin:  0 auto;
	margin-top: 3.8vh;
}
.logo2 img{
	height: 2.6vw;
}
.footer_menu{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.footer_menu hr{
	height: 12px;
	width: 1px;
	border: none;
	background-color: rgba(255,255,255,0.4);
	margin: 0 3vh 0 3vh;
}
.footer_menu a{
	color: rgba(255,255,255,0.8);
	text-decoration: none;
}
.hr_top{
	display: flex;
	flex-direction: row;
	margin-top: 3.8vh;
	justify-content: space-between;
	color: rgba(255,255,255,0.8);
	font-size: 0.9vw;
}
.footer_hr{
	margin-top: 3.8vh;
	height: 1px;
	border: none;
	background-color: rgba(255,255,255,0.4);
}
.footer_bottom{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3.8vh;
	color: rgba(255,255,255,0.8);
	font-size: 0.9vw;
}
.message_list{
	height: 3.8vh;
	display: flex;
	flex-direction: row;
	z-index: 10;
}
.message_list img{
	width: 3.8vh;
	height: 3.8vh;
	margin-left: 0.8vw;
}